<!DOCTYPE html>
<html lang="en" ng-app="potatoShopApp">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Potato Shop</title>

		<!-- Bootstrap CSS -->
		<link href="resources/css/bootstrap.min.css" rel="stylesheet">
		<link href="resources/css/style.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Gochi+Hand">


		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<div class="container">
			<div class="page-header">
				<div class="row">
    				<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
    					<img src="resources/images/logo.png" class="img-responsive center-block" alt="KhoaiTay shop">
    				</div>
    				<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
    					<div class="row" >
							<div class="col-md-12 text-right hidden-xs">
								<div class="btn-group">
								  	<button type="button" class="btn btn-default">€</button>
								  	<button type="button" class="btn btn-default">£</button>
								  	<button type="button" class="btn btn-default">$</button>
								</div>
    							<div class="btn-group">
								  	<button type="button" class="btn btn-default">EN</button>
								  	<button type="button" class="btn btn-default">RS</button>
								  	<button type="button" class="btn btn-default">DE</button>
								</div>
							</div>
						</div>				
						<div class="row margin-top-05">
							<div class="col-xs-10 col-sm-8 col-md-6 col-lg-6 col-xs-offset-1 col-sm-offset-4 col-md-offset-6 col-lg-offset-6">
								<div class="input-group">
								    <input type="text" class="form-control"/>
								    <span class="input-group-addon">
								        <i class="glyphicon glyphicon-search"></i>
								    </span>
								</div>
							</div>
						</div>
						<div class="row margin-top-05 hidden-xs text-right">
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
								<ul class="list-inline">
							        <li>Shopping Cart</li>
							        <li>2 item(s) - $369.00
							        	<span class="glyphicon glyphicon-shopping-cart"></span>
							        </li>
							    </ul>	
							</div>
						</div>
						<div class="row margin-top-05 text-right">
							<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-right user-info">
								Welcome visitor you can login or create an account.
							</div>
							<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-right user-info">
								<ul class="list-inline">
							        <li>Wish List</li>
							        <li>My Account</li>
							        <li>Shopping Cart</li>
							        <li>Checkout</li>
							    </ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="navbar navbar-default">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mynavbar-content">
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="#">Homepage</a>
					</div>
					<div class="collapse navbar-collapse" id="mynavbar-content">
						<ul class="nav navbar-nav">
							<li class="active"><a href="#">Clothes for girls</a></li>
							<li><a href="#">Clothes for boys</a></li>
							<li><a href="#">Toys</a></li>
							<li><a href="#">Safety</a></li>
							<li><a href="#">Furniture</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="page-body row">
			<div class="row hidden-xs hidden-sm">
    <div class="col-md-9 col-lg-9 ">
        <div id="slide-wrapper">
            <ul id="slider" style="position: relative;">
                <li>
                    <div class="border-on-img"></div>
                    <div class="content_slider">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                    </div>
                    <img src="resources/images/slide/s1.jpg" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit.">
                </li>
                <li>
                    <div class="border-on-img"></div>
                    <div class="content_slider">
                        <p>sed diam nonummy</p>
                    </div>
                    <img src="resources/images/slide/s2.jpg" alt="sed diam nonummy">
                </li>
                <li>
                    <div class="border-on-img"></div>
                    <div class="content_slider">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                    </div>
                    <img src="resources/images/slide/s3.jpg" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit.">
                </li>
            </ul>
        </div>
    </div>
    <div class="col-md-3 col-lg-3">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <img src="resources/images/banner/small-banner-blue-225x161.png" class="img-responsive" alt="Image">
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <img src="resources/images/banner/small-banner-green-225x161.png" class="img-responsive" alt="Image">
        </div>
    </div>
</div>
                <div ng-view></div>
			</div>
			<div class="pager-footer">
				FOOTER PAGE
			</div>
		</div>
		<!-- jQuery -->
		<script src="resources/js/jquery.js"></script>
		<!-- AngularJS -->
		<script src="resources/js/angular.js"></script>
		<script src="resources/js/angular-route.js"></script>
		<!-- Bootstrap JavaScript -->
		<script src="resources/js/bootstrap.min.js"></script>
		<!-- Slide -->
		<script src="resources/js/jquery.cycle.all.js"></script>
		<!-- App -->
		<script src="resources/js/app.js"></script>
		<!-- HomeController -->
		<script src="resources/js/controllers/HomeController.js"></script>
 	</body>
</html>